<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
 <base href="<%=basePath%>">
<title>易买网 - 首页</title>
<link type="text/css" rel="stylesheet" href="css/style.css" />
<script type="text/javascript" src="scripts/function.js"></script>
</head>
<body>
<div id="header" class="wrap">
	<div id="logo"><img src="images/logo.gif" /></div>
	<div class="help"><a href="#" class="shopping">购物车</a><a href="user/login">登录</a><a href="user/reg">注册</a><a href="user/guest">留言</a></div>
	<div class="navbar">
		<ul class="clearfix">
			<li class="current"><a href="#">首页</a></li>
			<li><a href="#">图书</a></li>
			<li><a href="#">百货</a></li>
			<li><a href="#">品牌</a></li>
			<li><a href="#">促销</a></li>
		</ul>
	</div>
</div>
<div id="childNav">
	<div class="wrap">
		<ul class="clearfix">
			<li class="first"><a href="#">音乐</a></li>
			<li><a href="#">影视</a></li>
			<li><a href="#">少儿</a></li>
			<li><a href="#">动漫</a></li>
			<li><a href="#">小说</a></li>
			<li><a href="#">外语</a></li>
			<li><a href="#">数码相机</a></li>
			<li><a href="#">笔记本</a></li>
			<li><a href="#">羽绒服</a></li>
			<li><a href="#">秋冬靴</a></li>
			<li><a href="#">运动鞋</a></li>
			<li><a href="#">美容护肤</a></li>
			<li><a href="#">家纺用品</a></li>
			<li><a href="#">婴幼奶粉</a></li>
			<li><a href="#">饰品</a></li>
			<li class="last"><a href="#">Investor Relations</a></li>
		</ul>
	</div>
</div>
<div id="position" class="wrap">
	您现在的位置：<a href="user/index">易买网</a> &gt; <a href="product/list">图书音像</a> &gt; 图书
</div>
<div id="main" class="wrap">
	<div class="lefter">
		<div class="box">
			<h2>商品分类</h2>
			<dl>
				<dt>图书音像</dt>
				<dd><a href="product/list">图书</a></dd>
				<dd><a href="product/list">音乐</a></dd>
				<dt>百货</dt>
				<dd><a href="product/list">运动健康</a></dd>
				<dd><a href="product/list">服装</a></dd>
				<dd><a href="product/list">家居</a></dd>
				<dd><a href="product/list">美妆</a></dd>
				<dd><a href="product/list">母婴</a></dd>
				<dd><a href="product/list">食品</a></dd>
				<dd><a href="product/list">手机数码</a></dd>
				<dd><a href="product/list">家具首饰</a></dd>
				<dd><a href="product/list">手表饰品</a></dd>
				<dd><a href="product/list">鞋包</a></dd>
				<dd><a href="product/list">家电</a></dd>
				<dd><a href="product/list">电脑办公</a></dd>
				<dd><a href="product/list">玩具文具</a></dd>
				<dd><a href="product/list">汽车用品</a></dd>
			</dl>
		</div>
		<div class="spacer"></div>
		<div class="last-view">
			<h2>最近浏览</h2>
			<dl class="clearfix">
				<dt><img src="images/product/0_tiny.gif" /></dt>
				<dd><a href="product/view">法国德菲丝松露精品巧克力500g/盒</a></dd>
				<dt><img src="images/product/0_tiny.gif" /></dt>
				<dd><a href="product/view">法国德菲丝松露精品巧克力500g/盒</a></dd>
			</dl>
			<script type="text/javascript">
				document.write("Cookie中记录的购物车商品ID："+ getCookie("product") + "，可以在动态页面中进行读取");
			</script>
		</div>
	</div>
	<div class="main">
		<div class="product-list">
			<h2>全部商品</h2>
			<div class="pager">
				<ul class="clearfix">
					<li><a href="product/list/${srdId }?pageIndex=${pager.pageIndex-1}">上一页</a></li>
					<c:forEach var="index" begin="1" end="${pager.totalPage }">
						<c:if test="${pager.pageIndex == index }">
						<li class="current">${index }</li>
						</c:if>
						<c:if test="${pager.pageIndex != index }">
						<li><a href="product/list/${srdId }?pageIndex=${index}">${index }</a></li>
						</c:if>
					</c:forEach>
					<li><a href="product/list/${srdId }?pageIndex=${pager.pageIndex+1}">下一页</a></li>
				</ul>
			</div>
			<div class="clear"></div>
			<ul class="product clearfix">
			<c:forEach items="${pager.datas}" var="pro">
				<li>
					<dl>
						<dt><a href="product/view/${pro.pId}" target="_blank"><img src="images/product/${pro.pPhoto }" /></a></dt>
						<dd class="title"><a href="product/view/${pro.pId}" target="_blank">${pro.pName }</a></dd>
						<dd class="price">￥${pro.pPrice}</dd>
					</dl>
				</li>
			</c:forEach>
			</ul>
			<div class="clear"></div>
			<div class="pager">
				<ul class="clearfix">
					<li><a href="product/list/${srdId }?pageIndex=${pager.pageIndex-1}">上一页</a></li>
					<c:forEach var="index" begin="1" end="${pager.totalPage }"><!-- 自定义数组从1-总页数 -->
						<c:if test="${pager.pageIndex == index }">
						<li class="current">${index }</li>
						</c:if>
						<c:if test="${pager.pageIndex != index }">
						<li><a href="product/list/${srdId }?pageIndex=${index}">${index }</a></li>
						</c:if>
					</c:forEach>
					<li><a href="product/list/${srdId }?pageIndex=${pager.pageIndex+1}">下一页</a></li>
				</ul>
			</div>
		</div>
	</div>
	<div class="clear"></div>
</div>
<div id="footer">
	Copyright &copy; 2017 爱苗科技 All Rights Reserved. 皖ICP证000001号
</div>
</body>
</html>
